1. 虛擬類別選擇器：
   a. 虛擬類別簡介：
   - 本質上都與結構有關，且大多數都與標記的結構相關。
   - 所有的虛擬類別都是在名稱前加一個半形冒號（:），沒有例外，且可以出現在選擇器的任何位置。
   - 虛擬類別是指向其本身所附屬的元素，是在附屬的元素上加上一個不存在的類別（class）。
   b. 結合虛擬類別：
   - CSS允許結合虛擬類別，但不可結合互斥的虛擬類別，像是a:link:visited就沒有意義。
   - 結合時類別的順序並不重要，結果會相同，例a:hover:link＝a:link:hover。
   c. 結合類虛擬類別：
   - 選擇根元素：:root，在HTML文件中就是選擇HTML元素，兩者差異在於權重不同。
   - 選擇空元素：:empty，選擇沒有任何子代、字元、空白與換行的元素（註解不算），適合用來隱藏由後台產生內容，未實際填入資料的元素，但不要使用*:empty {display: none;}來隱藏所有空元素，因為<img>、<input>等元素也符合:empty的條件，會造成被隱藏的錯誤。
   - 選擇唯一子代：:only-child，這個選擇器必須寫在子代元素上，而非親代元素，它會在附屬元素為其他元素的唯一子代時選擇元素，但無元素包住的純字元不算在選擇範圍內（因為純字元不算子代）。另一個很相似的選擇器是only-of-type，選擇子代中沒有相同類型兄弟元素的元素，如img:only-of-type {......}，就會選擇<img>元素，但<img>元素中必須同時是兄弟元素中唯一的<img>元素，才符合條件。
   - 選擇第一個與最後一個子代：:first-child是選擇第一個子代，:last-child是選擇最後一個子代。
   - 選擇相同類型的第一個與最後一個元素：:first-of-type是選擇元素底下特定類別的第一個元素，:last-of-type是選擇最後一個，這個選擇器不會作用到根元素，其餘注意要點都和only-of-type相同。

（結合類虛擬類別未完，虛擬類別選擇器未完）